</head>
<body>
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<button type="button" class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="brand" href="index.html">Diavolo-Z</a>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li><a href="index.html">Accueil</a></li>
						<li><a href="inscription.html">S'inscrire</a></li>
						<li class="active"><a href="contact.html">Contact</a></li>
						<c:if test="${connected == true }">
							<li><a href="lister.html">Listes des parties</a></li>
						</c:if>
					</ul>
					<c:if test="${connected != true}">
						<form class="navbar-form pull-right" id="connexion-form" action="connex.html">
							<div class="white">
								Pseudo : <input class="span2" type="text" id="nameConn" name="nameConn">
								<!--<input class="span2" type="text" placeholder="Age">-->
								   Mdp : <input class="span2" type="password" id="pwdConn" name="pwdConn">
								<button type="submit" class="btn">Se connecter</button>
							</div>
						</form>
					</c:if>
					<c:if test="${connected == true }">
						<div class="navbar-form pull-right">${nameConn}</div>
					</c:if>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>
<div class="container">	
	<p><label for="email">Nous contacter: </label><a id="email" href="mailto:${initParam.email}">Diavolo-Z</a></p>
</div>